<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="author" content="GarudaTechno" />
	<meta name="description" content="Sistem Informasi Absensi" />
	<meta name="application-name" content="SIAbs" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>SI. Absensi</title>
	<link href="<?php echo base_url(); ?>assets/style-all.css" rel="stylesheet" type="text/css" />
	<link rel="shortcut icon" href="images/favicon.ico" />
	<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144-precomposed.png" />
	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114-precomposed.png" />
	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72-precomposed.png" />
	<link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-57-precomposed.png" />
	<meta name="application-name" content="SI.Absensi"/>
	<meta name="msapplication-TileColor" content="#3399cc"/>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/libs/modernizr.js"></script>
</head>
<body>
	<div id="qLoverlay"></div>
	<div id="qLbar"></div>
	<div id="header">
		<nav class="navbar navbar-default" role="navigation">
			<div class="navbar-header">
				<a class="navbar-brand" href="#">SI. Absensi</a>
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon16 icomoon-icon-arrow-4"></span>
				</button>
			</div>
			<div class="collapse navbar-collapse navbar-ex1-collapse">
				<ul class="nav navbar-right usernav">
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="icon16 icomoon-icon-user"></span>
							<span class="txt"><?=$_SESSION[SESSION_STAFFNAME];?></span>
							<b class="caret"></b>
						</a>
						<ul class="dropdown-menu">
							<li class="menu">
								<ul>
									<li><a href="#"><span class="icon16 brocco-icon-key"></span>Password</a></li>
								</ul>
							</li>
						</ul>
					</li>
					<li><a href="c_login/logout"><span class="icon16 icomoon-icon-exit"></span><span class="txt"> Logout</span></a></li>
				</ul>
			</div>
		</nav>
	</div>
	<div id="wrapper">
		<div class="resBtn">
			<a href="#"><span class="icon16 minia-icon-list-3"></span></a>
		</div>
		<div class="collapseBtn leftbar">
			 <a href="#" class="tipR" title="Hide Left Sidebar"><span class="icon12 minia-icon-layout"></span></a>
		</div>
		<div id="sidebarbg"></div>
		<div id="sidebar">
			<div class="shortcuts">
				<ul>
					<li><a href="support.html" title="Contact Us" class="tip"><span class="icon24 icomoon-icon-phone"></span></a></li>
					<li><a href="#" title="About Us" class="tip"><span class="icon24 icomoon-icon-bubble-dots-2"></span></a></li>
				</ul>
			</div>
			<div class="sidenav">
				<div class="sidebar-widget" style="margin: -1px 0 0 0;">
					<h5 class="title" style="margin-bottom:0">Navigation</h5>
				</div>
				<div class="mainnav" id="main_navigation">
					<?php echo $menus; ?>
				</div>
			</div>
		</div>
		<div id="content" class="clearfix">
			<div class="contentwrapper">
				<div class="heading">
					<h3 id="main_content_title">&nbsp;</h3>
				</div>
				<div id="main_content_panel" class="col-md-12"></div>
			</div>
		</div>
		<div class="modal fade" id="alert_message">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<div class="modal-title" id="alert_title"></div>
					</div>
					<div class="modal-body" id="alert_body"></div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" id="confirm_button">OK !</button>
						<button type="button" class="btn btn-default" data-dismiss="modal" id="dismiss_button">Cancel</button>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-ui-1.10.4.custom.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-migrate-1.2.1.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/bootstrap/bootstrap.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.mousewheel.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/libs/jRespond.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/charts/flot/jquery.flot.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/charts/flot/jquery.flot.grow.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/charts/flot/jquery.flot.pie.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/charts/flot/jquery.flot.resize.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/charts/flot/jquery.flot.tooltip_0.4.4.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/charts/flot/jquery.flot.orderBars.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/charts/sparkline/jquery.sparkline.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/charts/knob/jquery.knob.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/misc/fullcalendar/fullcalendar.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/misc/qtip/jquery.qtip.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/misc/pnotify/jquery.pnotify.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/misc/totop/jquery.ui.totop.min.js"></script> 
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/misc/search/tipuesearch_set.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/misc/search/tipuesearch_data.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/misc/search/tipuesearch.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/forms/uniform/jquery.uniform.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/forms/select/select2.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/forms/togglebutton/jquery.toggle.buttons.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/tables/dataTables/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/main.js"></script>
	<script>
		$("#main_navigation a").click(function(){
			var item = $(this);
			var link = item.attr('pages');
			if(link != ''){
				$("#main_content_title").html(item.attr('nama'));
				$("#main_content_panel").empty();
				$("#main_content_panel").load('index.php/'+link);
			}
		});
	</script>
	</body>
</html>